<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
   	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bbsindex.css">
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <link rel="stylesheet" href="fontawesome/css/font-awesome.min.css">
    <title>车宇宙论坛</title>
</head>

<body>
	<div class="bbsindex-headbg">
    	<ul class="bbsindex-head">
        	<li><a href="#">HI,请登录</a></li>
            <li class="bbbs-fr"><a href="#">网站导航<i class="fa fa-caret-down"></i></a></li>
            <li class="bbbs-fr"><a href="#">个人中心</a></li>
            <li class="bbbs-fr"><a href="#">论坛首页</a></li> 
            <li class="bbbs-fr"><a href="#">车宇宙首页</a></li>
        </ul>
    </div>
	
    <div class="headwhole-bg">
        <div class="bbsindex-logo">
        	<a href="#"><img src="images/head.png" /></a>
            <div class="bbsindex-logoip">
            	<input class="form-control" placeholder="请输入搜索内容"/>
                <a href="javascript:void(0);"><i class="fa fa-search"></i></a>
            </div>
        </div>
        
     
        <div class="bbsindex-title">
            <div class="bbsindex-list">
           			<div class="bbsindex-listtitle" style="margin-top:0">
                    <ul class="themeall">
                        <li>搜索结果：共搜索到0条相关帖子</li> 
                    </ul>
                     <div class="newtime">发帖/最新回复时间</div>   
                     <div class="author">作者/最新回复</div>
                </div>
                 <div class="bbsindex-listcontent">
                	<div class="bbsnone-content">
                         <img src="images/none.png" />
                         <span>抱歉，没有搜索到相关帖子，换个关键词试试哦~</span>
                	</div>
            	</div>
                <div class="quickpost">
                	<div class="bm_h">快速发帖</div>
                    <div class="bm_c">
                        <select class="quickpost-select">
                            <option>选择分类主题</option>
                            <option>卖车分享</option>
                            <option>买车分享</option>
                            <option>好车推荐</option>
                            <option>汽车大咖</option>
                            <option>车友生活</option>
                            <option>车主故事【专栏】</option>
                            <option>自驾游&聚会</option>
                            <option>随便聊聊</option>
                            <option> 吐槽</option>
                        </select>
                        <input type="text"  class="quickpost-input"  name="quickpost-input" id="quickpost-input" maxlength="80" />
                        你可以输入<span id="shownum">0</span>/80字符
                    </div>
                    
                    
                    <div class="bm_d">
                    
                    </div>
                    
                    <div class="bm_e">
                    	<button type="submit">发表帖子</button>
                    </div>
                </div>
            </div>
      </div>
      
      
       <!--底部-->
    <div class="footer">
    
          <div class="index-promise">
            <ul>
                <li>
                    <span>专业顾问陪同看车</span>
                    <p>1对1全程陪你找车看车验车</p>
                </li>
                <li>
                    <span>极致检测标准</span>
                    <p>最真实的车况检测结果</p>
                </li>
                <li>
                    <span>2年/4万公里售后质保</span>
                    <p>部分部件保额保修，省时省心</p>
                </li>
                <li>
                    <span>一站式代办服务</span>
                    <p>过户、上牌、一条龙服务</p>
                </li>
            </ul>
         </div>
    
    	<div class="footer-contain">
        	<ul class="footer-contain-left">
            	<li>
                    <ul>
                        <li><strong>关于我们</strong></li>
                        <li><a href="#">公司介绍</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </li>
                
                <li>
                    <ul>
                        <li><strong>交易流程</strong></li>
                        <li><a href="#">购车流程</a></li>
                        <li><a href="#">卖车流程</a></li>
                        <li><a href="#">过户流程</a></li>
                    </ul>
                </li>
                
                <li>
                    <ul>
                        <li><strong>服务保障</strong></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">购车指南</a></li>
                    </ul>
                </li>
               
            </ul> 
            
            <div class="footer-contain-img">
            	<img src="images/ewm.png" />
            	<strong>关注我们</strong>
                <p>随时随地查看好车</p>
				<p>精品二手车，品质更放心</p>
            </div>
            
            <div class="footer-contain-tel">
            	<img src="images/tel-ico.png" />
                <strong>400-0975-588</strong>
                <p>免费咨询（咨询、建议、投诉）</p>
				<p>周一至周五 8：00-18：00</p>
            </div>   
        </div>
    </div>
	
    <div class="bottom-version">Copyright © 2015, yuzhouche.com. All Rights Reserved. 浙ICP备 14041345号</div>
  
      
    </div>
  
  	
 	<script>
    	$(function(){
			
			//字数统计
			 $("#quickpost-input").keyup(function(){//表示输入之后不再输入的时候触发的事件
				var len=$("#quickpost-input").val().length;
				$("font").remove();
				$("color").remove();
				if(len>80)
				{
					$("#quickpost-input").after("<font color=\"red\">超过范围</font>");
					$("#quickpost-input").attr({maxlength:"80"});
					$("#quickpost-input").css("color","red");
				}
				else
				{
					$("#quickpost-input").css("color","");
				}
			
			  $("#shownum").html("<span id=\"shownum\">"+len+"</span>");
			
		  })
		  
	}) 
    
    </script>   
</body>
</html>
